<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
<!--  在遍历对象的时候，如果只是获取一个值，那么获取到的是value-->
  <ul>
    <li v-for="item in info">
      {{item}}
    </li>
  </ul>

<!--  获取key和value     （value , key）-->
  <ul>
    <li v-for="(value ,key ,index) in info">
        {{index+1}}-{{value}}-{{key}}
    </li>
  </ul>



</div>


<script src="../js/vue.js"></script>
<script>
    const app = new Vue({
        el:'#app',
        data:{
            info:{
                name:'coder',
                age:18,
                height:1.88
            }
        }
    })
</script>
</body>
</html>